#category-list{
  height: calc(100vh - 100px);
  background:linear-gradient(90deg,rgba(238,132,50,1) 0%,rgba(249,30,98,1) 100%);
  .cate-search{
    width:750px;
    height:88px;
    background:linear-gradient(90deg,rgba(238,132,50,1) 0%,rgba(249,30,98,1) 100%);
    opacity:1;
    display: flex;
    align-items: center;
    // justify-content: space-around;
    .search-text-title{
      height:40px;
      font-size:40px;
      margin:0px  20px;
      font-family:Source Han Sans CN;
      font-weight:bold;
      line-height:40px;
      color:rgba(255,255,255,1);
      opacity:1;
    }
    .search-input{
      width:600px;
      height:56px;
      background:rgba(255,255,255,1);
      opacity:1;
      border-radius:33px;
      display: flex;
      align-items: center;
      // margin: 0px 30px;
      .logo-search{
        width:32px;
        // height:28px;
        opacity:1;
        padding-left: 20px;
        padding-right: 16px;
      }
      input{
        font-size:30px;
        border: none;
        outline: none;
        color: #666;
      }
      input::-webkit-input-placeholder { /* WebKit browsers */
        color:rgba(177,177,177,1);
      }
    }
  }
  .cate-data{
    height: calc(100% - 88px);
    // opacity: 0;
    .cate-left{
      width: 187px;
      height: 100%;
      overflow: hidden;
      overflow-y: auto;
      float: left;
      // background:rgba(238,132,50,1);
      .left-item{
        height: 130px;
        font-size: 30px;
        line-height: 130px;
        color: #fff;
        text-align: center;
      }
      .active{
        background: url('../../../static/images2/logo-cate.png') 15px no-repeat;
        background-size: 10%;
        background-color: rgba(245,245,245,1);
        color:rgba(249,30,98,1);
      }
    }
    .cate-right{
      height: 100%;
      overflow: hidden;
      overflow-y: auto;
      padding: 20px;
      background-color: rgba(245,245,245,1);
      .cate-title{
        font-size: 34px;
        line-height: 34px;
        padding: 20px 0px;
      }
      .cate-list{
        width: 523px;
        background: #fff;
        border-radius: 16px;
        display: flex;
        flex-wrap: wrap;
        // justify-content: space-around;
        .cate-item{
          display: inline-block;
          width: 90px;
          text-align: center;
          padding:25px 40px;
          img{
            width: 90px;
            border-radius: 50%;
          }
          span{
            color: #333;
          }
        }
      }
    }
  }
}

.weui-toast {
  position: fixed;
  z-index: 5000;
  width: 7.6em;
  min-height: 7.6em;
  top: 43%;
  left: 50%;
  margin-left: -3.8em;
  background: rgba(40, 40, 40, 0.75);
  text-align: center;
  border-radius: 0.06667rem;
  color: #FFFFFF;
}
